<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<ul>
		<li>1</li>
		<li>2元素</li>
		<li>3元素</li>
		<li>4元素</li>
		<li aaa="456">5</li>
	</ul>
	<script type="text/javascript" src="../jquery-3.2.1.js"></script>
	<script type="text/javascript">
		// $可以通过id 类名 标签名 交并级 后代 子代等获取dom
		$('ul li').css("background","pink")
		$("ul li")[0].style.fontSize = "32px"

		//eq(n) 数组的索引 (从0开始)
		$("ul li").eq(2).css("font-weight","700")
		$("li:eq(3)").css("color","#fff")

		//通过索引获取奇数
		$("li:even").css("text-decoration","underline")

		//偶数
		$("li:odd").css("background","green")

		//大于某个索引
		$("li:gt(2)").css("font-family","楷体")
		//小于某个索引
		$("li:lt(2)").css("color","aqua")

		//属性选择器
		$("li[aaa=456]").css("font-size","60px")
	</script>
</body>
</html>